.other-next-bg {
  background-color: azure;
}
.card-list-active {
  background-color: bisque;
}
#treeDataList {
  position: relative;;
}
#treeDataList li{
  border-bottom: none;
  width: 100%;
 }
#treeDataList.teamList.has-left {
  padding-left: 33px;
}
#treeDataList.teamList li {
  padding: 10px 15px;
}
#treeDataList.teamList li.to-left {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  color: #c69e62;
  height: 100%;
  width: 20px;
}
.card-right .to-right {
  position: absolute;
  right: 0;
  color: #c69e62;
  height: 100%;
  width: 40px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.t_name {
  text-align: left;
}
.tree-row {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 10px 0 30px;
}

.one-between {
  justify-content: space-between;
}

.sortbox .wrap {
	/* transform: scale(0.8); */
  overflow-x: auto;
}

.name-border-node {
  border: 1px solid #c69e62;
  border-radius: 8px;
  padding: 4px;
}

.wrap div.title {
  display: none;
}
.card-right {
  position: relative;
}
#tree_chart_container {
  /* background-color: #fff; */
  /* height: 220px; */
  position: relative;
  overflow: auto;
  text-align: center;
  display: none;
  /* display: flex; */
  align-items: center;
  /* height: 100%; */
  /* min-height: 181px; */
}
.sortwrap .sortbox {
  padding: 20px 0;
}
/* .sortwrap .sortbox .line_zs {
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding: 0;
  min-height: 170px;
}
.sortwrap .sortbox .line_zs span {
    height: 1px;
    width: 20px;
} */
/* .sortwrap .sortbox .line_two {
  flex-direction: column;
  min-height: 170px;
}
.sortwrap .sortbox .line_zsbox {
  flex-direction: column;
  min-height: 170px;
}
.sortwrap .sortbox .line_zsbox .line_zs {
  flex-direction: column;
  min-height: 50px;
  margin: 0;
} */
/* .other-next-container:not(:nth-child(9)) {
  margin-top: 0;
} */
.line_other.other-next-container .other-next::before {
  width: 1px;
  height: 20px;
}
/* .line_other.other-next-container .other-next::before {
  left: -41px;
  top: -31px;
} */
/* .line_other {
  flex-direction: column;
  min-height: 170px;
} */
#tree_chart_container .orgchart {
  background-image: none;
}
#tree_chart_container .orgchart .hierarchy::before {
  border-color: #c99f5d;
  background-color: #c99f5d;
}

#tree_chart_container .orgchart .hierarchy::after {
  border-color: #c99f5d;
  background-color: #c99f5d;
}

#tree_chart_container .orgchart .node::before {
  border-color: #c99f5d;
  background-color: #c99f5d;
}

#tree_chart_container .orgchart .node::after {
  display: none;
}

#tree_chart_container div.content {
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  /* color: #c69e62; */
  color: #32312e;
  border: 1px solid #c99f5d;
  background: #c99f5d;
  padding: 0 20px;
  font-size: 28px;
  line-height: 1;
  font-size: 12px;
  padding: 4px;
  position: relative;
  margin: 0 4px;
}

#tree_chart_container tr:not(.lines) td {
  display: flex;
  justify-content: space-around;
}

/* #tree_chart_container > .orgchart > .nodes > .hierarchy > .node {
  margin: 0 auto;
} */

#tree_chart_container tr.lines td {
  display: table-cell;
}

.tree-row .on-class-1::before {
  content: "";
  width: 1px;
  height: 70px;
  display: block;
  position: absolute;
  top: -56px;
  left: 105%;
  margin: 0 auto;
  transform: rotate(68deg);
  background-color: #c69e62;
}

.tree-row .on-class-2::before {
  content: "";
  width: 1px;
  height: 25px;
  display: block;
  position: absolute;
  top: -35px;
  left: 50%;
  margin: 0 auto;
  transform: rotate(0);
  background-color: #c69e62;
}

.tree-row .on-class-3::before {
  content: "";
  width: 1px;
  height: 70px;
  display: block;
  position: absolute;
  top: -56px;
  right: 105%;
  transform: translateX(50%);
  margin: 0 auto;
  transform: rotate(-68deg);
  background-color: #c69e62;
}

#dataList {
  display: flex;
  overflow-x: auto;
}

#dataList .team-list-div {
    height: auto;
    padding: 20px;
    margin: 0 10px;
    border: 1px solid #c69e62;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
}

/* #dataList .is-current-user .fr p {
  color: red;
} */
#dataList .is-current-user {
  border: 1px solid red;
  border-radius: 4px;
}
#dataList .is-current-user > img {
  border: 1px solid red;
}